import React,{Component} from 'react'
import IndexCss from './index.module.css'
import {NavLink} from 'react-router-dom'
import { Carousel } from 'antd';
export default class Index extends Component{
    render(){
        return (
            <div>
                <div>
                <Carousel autoplay>
                    <div className={IndexCss.carousel}>
                    </div>
                    <div className={IndexCss.carousel}>
                    </div>
                    <div className={IndexCss.carousel}>
                    </div>
                    <div className={IndexCss.carousel}>
                    </div>
                </Carousel>

                <div className={IndexCss.imgBox}>
                    <NavLink to="/index" className={IndexCss.page}></NavLink>
                    <NavLink to="/index" className={IndexCss.page}></NavLink>
                    <NavLink to="/index" className={IndexCss.page}></NavLink>
                    <NavLink to="/index" className={IndexCss.page}></NavLink>
                    <NavLink to="/index" className={IndexCss.pages}></NavLink>
                    <NavLink to="/index" className={IndexCss.pages}></NavLink>
                    <NavLink to="/index" className={IndexCss.pages}></NavLink>
                    <NavLink to="/index" className={IndexCss.pages}></NavLink>
                </div>
                <div className={IndexCss.center}>
                    <img src={require("../img/20191104171921772.jpg")} alt=""/>
                    <img src={require("../img/20191104171922626.jpg")} alt=""/>
                    <img src={require("../img/20191104171922641.jpg")} alt=""/>
                    <img src={require("../img/20191104171922819.jpg")} alt=""/>
                    <img src={require("../img/20191104171924587.jpg")} alt=""/>
                </div>
            </div>
            </div>
        )
    }
    componentDidMount(){
        window.scrollTo(0,0)
    }
}